<!--
 * @Date: 2021-04-12 15:32:17
 * @LastEditors: 田小龙
 * @LastEditTime: 2021-04-15 15:18:33
 * @FilePath: \gobang-vue\src\views\game\Room.vue
 * @Description: 
-->
<template>
  <main>
    <section>
      <ChessBoard :roomId="roomId" />
    </section>
    <section>
      <MatchDetails :roomId="roomId" />
    </section>
    <section>
      <Dialog :roomId="roomId" />
      <PlayerTable :roomId="roomId" />
    </section>
  </main>
</template>

<script>
import PlayerTable from "@/components/PlayerTable";
import Dialog from "@/components/Dialog";
import MatchDetails from "@/components/MatchDetails";
import ChessBoard from "@/components/ChessBoard";

export default {
  name: "Room",
  components: { ChessBoard, MatchDetails, Dialog, PlayerTable },
  props: ["roomId"],
  data() {
    return {
      // roomId: '123'
    };
  },
  methods: {
    test() {
      console.log("test");
    }
  }
};
</script>

<style scoped></style>
